<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人资料</title>
    <script type="text/javascript" src="./../../../static/js/include/_include-css.js"></script>
</head>


<body class="bg-gray">
    <div class="wrapper">
        <div class="wrapper-container">
            <div class="row">
                <div class="col-md-3">
                    <div class="panel">
                        <div class="panel-heading">
                            个人资料
                        </div>
                        <div class="panel-body">
                            <div class="profile-avatar-box">
                                <img class="profile-avatar" src="./../../../static/img/avatar.jpg">
                                <a class="profile-avatar-link" href="javascript:;" onclick="showCropper()"><i class="fa fa-fw fa-plus"></i>更换头像</a>
                            </div>
                            <h4 class="text-center  mt-20">
                                <b>超级管理员</b>
                                <a href="javascript:;" class="text-primary" title="修改资料"><i
                                        class="fa fa-fw fa-edit"></i></a>
                            </h4>
                            <ul class="list-group bottom-line-dashed">
                                <li class="list-group-item">
                                    <b><i class="fa fa-fw fa-lock"></i>登录帐号：</b>
                                    <span>admin</span>
                                </li>
                                <li class="list-group-item">
                                    <b><i class="fa fa-fw fa-user"></i>用户名称：</b>
                                    <span>超级管理员</span>
                                </li>

                                <li class="list-group-item">
                                    <b><i class="fa fa-fw fa-phone"></i>联系电话：</b>
                                    <span>18989898899</span>
                                </li>
                                <li class="list-group-item">
                                    <b><i class="fa fa-fw fa-envelope-o"></i>电子邮箱：</b>
                                    <span>admin@123.com</span>
                                </li>
                                <li class="list-group-item">
                                    <b><i class="fa fa-fw fa-map-marker"></i>最后登录：</b>
                                    <span>2022-10-12 11:12:00</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="panel">
                        <div class="panel-heading">
                            操作日志
                        </div>
                        <div class="panel-body-sm">
                            <table id="bootstrap-table"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./../../../static/js/include/_include-js.js"></script>
    <script type="text/javascript">

        function showCropper() {
            $.modal.openFixed("头像选择", "./../../../pages/examples/pages/cropper.html",650,400);
        }

        $(function () {
            var options = {
                url: "./../../../static/data/login_log.json",
                method: 'get',
                modalName: '用户信息',
                createUrl: "./../../../pages/examples/pages/user_add.html",
                showSearch: false,
                showRefresh: false,
                showToggle: false,
                showColumns: false,
                sidePagination: 'client',
                columns: [
                    {
                        title: '序号',
                        width: 5,
                        align: "center",
                        formatter: function (value, row, index) {
                            return $.table.serialNumber(index);
                        }
                    },
                    {
                        field: 'action',
                        title: '操作内容'
                    },
                    {
                        field: 'status',
                        title: '操作结果'
                    },

                    {
                        field: 'ip',
                        title: 'IP'
                    }, {
                        field: 'optTime',
                        title: '操作时间'
                    }]
            };
            $.table.init(options);
        });
    </script>
</body>

</html>